<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
    <form action="doSaveActivity" class="form-horizontal" method="post">
        <div class="form-group">
            <label class="col-sm-2 control-label" for="titleId">title</label>
            <div class="col-sm-10">
                <input class="form-control" id="titleId" name="title" placeholder="title" type="text">
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label" for="categoryId">category</label>
            <div class="col-sm-10">
                <input class="form-control" id="categoryId" name="category" placeholder="category" type="text">
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label" for="startTimeId">startTime</label>
            <div class="col-sm-10">
                <input class="form-control" id="startTimeId" name="startTime" placeholder="yyyy/MM/dd" type="text">
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label" for="endTimeId">endTime</label>
            <div class="col-sm-10">
                <input class="form-control" id="endTimeId" name="endTime" placeholder="yyyy/MM/dd" type="text">
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label" for="remarkId">remark</label>
            <div class="col-sm-10">
      <textarea class="form-control" id="remarkId" name="remark" placeholder="remark">
      </textarea>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <button class="btn btn-default" type="submit">Sign in</button>
            </div>
        </div>
    </form>
</div>
</body>
</html>